body{position:relative;}
/*
.swiper-slide a{width: 1920px;left: 50%;margin-left: -960px;}*/

.banner{top:70px;position:fixed;z-index:1;width: 100%;height:878px;overflow:hidden;}
.banner .swiper-container {width: 100%;}
.banner .swiper-container img{width:100%;}
.paddingtop15{padding-top: 15px}

.margintop60{margin-top:60px;}
div.content{width:100%; margin:0 auto;position:relative;z-index:9;background:#fff;top:900px;height:auto;overflow:hidden;}
div.content .section{width:100%;/*width:1200px;*/padding-top: 100px;position: relative;margin:0 auto}
div.content .section .title{position:relative;display:inline-block;padding:20px 0;}
div.content .section .title:after{content:'';width:100px;border-bottom:1px solid #BFBFBF;position:absolute;left:50%;bottom:0;margin-left:-50px;}
/*about*/
div.content .section .aboutbox{width:100%;margin-top:80px;display:inline-block;}
div.content .section .aboutbox .aboutcont{position:relative;width:45%;float:left;margin:0 1%;}
div.content .section .aboutbox .aboutcont .conbox{}
div.content .section .aboutbox .aboutcont .conbox h1{padding:20px 0;position: relative;margin-bottom:20px;font-weight: 100}
div.content .section .aboutbox .aboutcont .conbox h1:after{content: '';width: 55px;border-bottom: 1px solid #672227;position: absolute;right: 0;bottom: -20px;border-radius: 17%;}
div.content .section .aboutbox .aboutimg{width:45%;float:left;margin:0 2.5%;}
div.content .section .aboutbox .aboutimg .imgbox img{width:100%;}


.about-us{/*display: inline-block;*/width: 100%; min-width:1200px;padding-bottom: 60px;margin-top: 20px;overflow: hidden;position: relative; background:#fafafa;}
.about-us h2{text-align: center;font-weight: normal;}
.about-cont{margin-top: 55px;}
.about-cont-l{width:50%}
.about-cont-r{width:50%}
.about-left{min-width:645px;width: 45%}
.about-left h3{line-height: 38px;font-size: 22px;color: #757575;margin-top: 15px;margin-bottom: 35px;font-weight: normal;}
.about-left p{line-height: 26px;font-size: 14px;color: #7b7b7b;margin-top: 20px;}
.about-right{margin-left: 75px;width: 75%}
.about-right img{width:100%}





/*product*/
div.content .section.product{padding:70px 0 0px;}
div.content .section.product .catlist{width:100%;/*width:1200px;*/margin: 70px auto 10px;}
div.content .section.product .catlist ul{width:100%;display:inline-block;}
div.content .section.product .catlist ul li{width: 10%;float: left;margin-right: 1%;display:inline-block;cursor:pointer;}
div.content .section.product .catlist ul li{color: #333!important;}
div.content .section.product .catlist ul li:last-child{margin-right:0;}
div.content .section.product .catlist ul li.active{color:#000;border-bottom:1px solid #000;}
div.content .section.product .catlist ul li:hover{border-bottom:1px solid #000;font-weight: bold;}
div.content .section.product .catbox{display:inline-block;width: 100%}
/*div.content .section.product .catbox .catcont{padding:0 50px;}*/
div.content .section.product .catbox .catcont ul{display:inline-block;width:100%;}
div.content .section.product .catbox .catcont ul li{width:33.33%;float:left;}
div.content .section.product .catbox .catcont ul li .imgbox{margin:0px;position:relative;transition:all 0.6s;}
div.content .section.product .catbox .catcont ul li .imgbox:hover{transform:scale(1.02); /*box-shadow:3px 3px 8px #d1d1d1;*/z-index: 100;}
div.content .section.product .catbox .catcont ul li .imgbox img{width:100%;}
div.content .section.product .catbox .catcont ul li .imgcont{position: absolute;width:90%;background: rgba(0,0,0,.5);top: 0;left: 0;padding:10px 5% 20px;height: 92%}
div.imgcont p:nth-child(2){text-align: left;position: absolute;
    bottom: 5%;}
div.imgcont>p>span{display: block;}
div.content .section.product .catbox .catcont ul li .imgcont p{padding-left:20px;}
div.content .section.product .catbox .catcont ul li .imgcont p span{}
div.content .section.product .catbox .catcont .viewmore{margin-top: 55px;margin-bottom: 145px;}
div.content .section.product .catbox .catcont .viewmore a{padding: 10px 30px;border: 1px solid #662226;border-radius:10px;line-height:51px;}

/*article*/
div.content .section.article{width:100%;margin:0px auto;overflow: hidden;}
div.content .section.article .halfbox{width:45%;float:left;margin:0 2.5%;}
div.content .section.article .imgbox{width:100%;}
div.content .section.article .imgbox img{width:100%;}
div.content .section.article .articlebox{width:100%;}
div.content .section.article .articlebox .articlecont{padding-bottom: 20px;border-bottom: 1px solid #333;}
div.content .section.article .articlebox .articlelist{padding-top:20px;display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;}
div.content .section.article .articlebox .articlelist ul li{position:relative;width:48%;padding:5px 0;line-height:1.2em;height:1.2em;float:left;margin-left:2%;}
div.content .section.article .articlebox .articlelist ul li:before{position: absolute;content: '';width: 5px;height: 5px;background: #000;border-radius: 50%;left: 0;margin-left: -10px;top: 50%;margin-top: 3px;}
div.content .section.article .articlebox .articlelist ul li a{display:inline-block;width:100%;height:2em;line-height:2em;overflow: hidden;text-overflow:ellipsis;}

/*优势模块*/
.six_advantages{position: relative;width:1200px;margin:0 auto;text-align: center;}
.six_advantages_title::after{content: '';width: 100px;border-bottom: 1px solid #BFBFBF;position: absolute;left: 50%;bottom: 0;margin-left: -50px;}
.six_advantages_title{position: relative;display: inline-block;padding: 20px 0;font-size: 30px;width: 100%}
.con{width:1200px;position: relative;overflow: hidden;/*background: url(../images/advan_bg.png) no-repeat center bottom; background-size:100% 98%;*/}
.con ul{list-style: none;}
.con_u{width: 100%;position: relative;}
.con_l{width: 45%;position: relative;float: left;}
.con_r{width: 45%;position: relative;float: right;}
.con ul li{text-align: left;width: 100%;position: relative;margin-bottom: 20px;}
.li_r h3{font-size: 22px;color: #000;line-height: 2.5em}
.con ul li b{display: block; line-height: 2em;font-size: 3em;float: left;}
.con ul li p{line-height: 1.5em;font-size: 14px;}
.float_l{float: left;}
.float_r{float: right;}
.pic_content{float: left; width: 48%;position:relative;padding-top: 5%}
.pic_content img{width: 100%}
.clearfix{clear: both;}
.li_l{float: left;width: 15%}
.li_r{float: right;width: 85%}


/*index add*/
.section.customer ul.data{width: 1180px;margin:75px auto 0;}
.section.customer ul.data li{float: left;width: 184px;display: block;float: left;margin:0 74px;text-align: left;padding-bottom: 15px}
.section.customer ul.data li span{color: #7b7b7b}
.section.customer ul.data li p{font-size: 36px;color: #672225;line-height:1.8;position: relative;}
.section.customer ul.data li p::after{content: '+';position: absolute;top: 0}
.section.customer ul.data li:first-child p::after{right:65px;}
.section.customer ul.data li:nth-child(2) p::after{right:115px;}
.section.customer ul.data li:nth-child(4) p::after{content: '%'!important;position: absolute;top: 0}
.section.customer ul.co_brand{position: relative;width: 1200px;margin:100px auto 0;}
.section.customer ul.co_brand li{float: left;display: block;width: 235px; height: 120px; position: relative;}
.section.customer ul.co_brand li img{width: 100%}
.section.customer ul.co_brand li a:hover img{transform:scale(1.2);transition:all .8s;}
.section.advantage{width: 1200px!important;margin:0 auto;overflow: hidden;}
.section.advantage ul li{width: 274px;margin:20px;float: left;display: block;height: 255px;padding:40px;}
.section.advantage ul li h3{font-weight: 100;color: #666;line-height: 2.0;font-size: 22px;}
.section.advantage ul li p{color: #888;line-height: 2;font-size: 14px;}